<!-- 办公用品申请表 -->
<div class="goods-all" @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <!-- 头部 -->
  <div class="leave-top">
    <div><i></i><label>办公用品申请</label></div>
    <span class="spanOne" (click)="close()"><i class="iconfont icon-guanbi"></i></span>
    <span class="spanThree" (click)="toSmall($event)"><i class="iconfont icon-suoxiao"></i></span>
  </div>

  <!-- 主体 -->
  <div class="goods-content">

    <div class="goods-content-big" *ngFor="let type of goods">
      <h6>{{type.name}} <i class="iconfont icon-gouwuche carts" (click)="showCart()"></i></h6>
      <div class="content-big" *ngFor="let good of type.goods">
        <div class="content-img"> <img src="{{good.src}}" alt=""> </div>
        <div>{{good.name}}</div>
        <div>{{good.reminder}}/{{good.count}}</div>
        <button class="btn-add" (click)="addGood(good.id,good.reminder)"
          [ngClass]="{'disabled': good.reminder == 0}">加购</button>
      </div>
    </div>
  </div>

</div>
<app-carts></app-carts>
